
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.util.List"%>
<%@ page import="com.neuedu.model.Notice"%>
<%@ page import="com.neuedu.model.Food"%>
<%@ page import="com.neuedu.model.FoodType"%>
<%@ page import="com.neuedu.model.FoodMake"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>


<head>
<meta charset="utf-8">
<title>味之坊网站</title>
<meta name="description"
	content="Recipes Template, Food Template Recipes Blog Template, cooking, Food, chef, Responsive Template, html5 Template, html5, css3, jquery, responsive">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="js/html5.js"></script>
<link
	href='http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic|Crete+Round:400,400italic|Lobster|Lobster+Two:400,400italic,700,700italic'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/pages/css/style.css">
<link id="color" rel="stylesheet"
	href="${pageContext.request.contextPath}/pages/css/color1.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/pages/fancybox/jquery.fancybox-1.3.4.css"
	media="screen" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/pages/css/mediaelementplayer.min.css" />
<link
	href="${pageContext.request.contextPath}/pages/colorbox/colorbox.jsp"
	rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
	<!--头部开始-->
	<header id="header" class="clearfix">
		<div class="headerstrip">
			<div class="spiral"></div>
		</div>

		<div class="container clearfix">
			<a href="index.jsp" id="logo"> <img
				src="${pageContext.request.contextPath}/pages/images/logo.png"
				alt="Tasty Delicious Recipes">
			</a>
			<nav id="topnav">
				<ul>

					<li class="active"><a data-description="Home page"
						href="${pageContext.request.contextPath}/IndexWeb/findIndex.do">首页</a>
					</li>

					<li><a data-description="Menu page"
						href="${pageContext.request.contextPath}/pages/menu.jsp">菜谱大全</a>
						<ul>
							<c:forEach items="${foodtype}" var="foodtype">
								<li><a
									href="${pageContext.request.contextPath}/MenuWeb/findFoodByTypeNo.do?typeNo=${foodtype.typeNo }">${foodtype.type }
								</a></li>
							</c:forEach>

						</ul></li>

					<li><a data-description="Cook page"
						href="${pageContext.request.contextPath}/pages/cook.jsp">食谱攻略</a>
						<ul>
							<c:forEach items="${foodmake}" var="foodmake">
								<li><a
									href="${pageContext.request.contextPath}/MenuWeb/findFoodByMakeNo.do?makeNo=${foodmake.makeNo }">${foodmake.make }</a></li>
							</c:forEach>
						</ul></li>

					<li><a data-description="News page"
						href="${pageContext.request.contextPath}/IndexWeb/findAllInfo.do">新闻资讯</a>
					</li>

					<li><a data-description="Ranking page"
						href="${pageContext.request.contextPath}/pages/ranking.jsp">美食排行</a>
					</li>

					<% if(session.getAttribute("INDEX_LOGIN") == null) {%>
					<li><a data-description="Personal Center"
						href="${pageContext.request.contextPath}/pages/userLogin.jsp">个人中心</a>
					</li>
				<% } else { System.out.print("当前有用户登录！");%>
					<li><a data-description="Personal Center"
						href="${pageContext.request.contextPath}/Personal/findUser.do?userNo=${INDEX_LOGIN.userNo}">个人中心</a>
					</li>
				<%} %>

				</ul>
			</nav>
		</div>
	</header>

	<!--头部结束-->

	<!--第一部分-->
	<section class="container clearfix" style="margin-top: 50px">
		<!--leftpart-->
		<section class="mb20 leftpart">
			<article id="mostratedgallery" class="mb20 clearfix">
				<c:forEach items="${newest}" var="newest">
					<h1 class="heading1">今日推荐</h1>
					<div class="mostrated">
						<img style="width: 800px; height: 500px"
							src="${pageContext.request.contextPath}/pages/${newest.foodImg }"
							alt="" title="" />
					</div>
					<ul class="rate">
						<li class="on"></li>
						<li class="on"></li>
						<li class="on"></li>
						<li class="on"></li>
						<li class="on"></li>
					</ul>
					<br>
					<div class="widthcolumn3">
						<p>
							<strong>美食简介： </strong>${newest.introduction } <br> <br>
							所需工具： ${newest.tools } <br> <br> 美食类型： <br> <br>
							做法类型：
						</p>
						<a
							href="${pageContext.request.contextPath}/MenuWeb/findFoodById.do?foodNo=${newest.foodNo }"
							class="linkbutton fr">查看详细 >></a>
					</div>

					<div class="receipedtailsnote">
						<h4 class="heading4 recipedetailtitle">所需材料</h4>
						<ul class="listoption3">
							<li>${newest.ingredient }</li>

						</ul>
					</div>
					<div class="clear"></div>
				</c:forEach>
			</article>
		</section>


		<!--搜索-->
		<aside class="blogright">
			<div class="sidecontainer">
				<h4 class="heading4">搜索</h4>
				<input type="text" class="blogserach"
					onBlur="if(this.value=='${foodname}')this.value='请输入要搜索的内容...';"
					onFocus="if(this.value=='请输入要搜索的内容...')this.value='';"
					value="请输入要搜索的内容...">
			</div>
			<div class="sidecontainer">
				<h4 class="heading4">公告栏</h4>
				<ul class="archieve">
					<c:forEach items="${titleList}" var="notice">
						<li><a
							href="${pageContext.request.contextPath}/IndexWeb/findNoticeById.do?noticeNo=${notice.noticeNo }">${notice.noticeTitle }
						</a></li>
					</c:forEach>
				</ul>
			</div>
			<div class="sidecontainer">
				<h4 class="heading4">新秀菜谱</h4>
				<div class="tabs-container">
					<div class="tabdata" id="tabdata1">
						<div class="popular">
							<ul class="popular">
								<c:forEach items="${foodList}" var="food">
									<li><img
										src="${pageContext.request.contextPath}/pages/${food.foodImg }"
										alt=""> <a
										href="${pageContext.request.contextPath}/MenuWeb/findFoodById.do?foodNo=${food.foodNo }"
										class="entrytitle">${food.foodName }</a>
										<div class="entry-meta">
											<span>${food.publishTime }</span>
											<ul class="rate">
												<li class="on"></li>
												<li class="on"></li>
												<li class="on"></li>
												<li class="on"></li>
												<li class="off"></li>
											</ul>

										</div></li>
								</c:forEach>
							</ul>
						</div>
					</div>
				</div>
		</aside>
		<!--Sidebar end-->
	</section>


	<!--绿色横条开始-->
	<section id="middleline" class="clearfix">
		<div class="midlinebg">
			<div class="container">
				<div class="roungloog">
					<img
						src="${pageContext.request.contextPath}/pages/images/roundimg.png"
						alt="" title="">
				</div>
				<h1 class="textpadding">Latest Event Title will be appear here
				</h1>
				<div class="event">
					<span class="eventdate">Date : May 5, 2012, Time : 5:00 a.m.</span>
					<span class="eventdate">Location : 05, Lorem Ispum, U.S.A.</span>
					<p>
						<strong>Lorem Ipsum</strong> is simply dummy text of the printing
						and typesetting industry. Lorem Ipsum has been the industry's
						standard dummy text ever since the 1500s
					</p>
				</div>
			</div>
		</div>
	</section>
	<!--绿色横条结束->



<!--中间6张图开始-->
	<section id="maincontainer" class="container clearfix">
		<h1 class="heading1">
			<span>流行 </span>菜谱
		</h1>
		<!-- options -->
		<section id="options" class="clearfix">
			<ul id="filters" class="option-set clearfix" data-option-key="filter">
				<li><a href="#filter" data-option-value="*" class="selected">Show
						All</a></li>
				<li><a href="#filter" data-option-value=".Spicy">Spicy</a></li>
				<li><a href="#filter" data-option-value=".Cocktails">Cocktails</a>
				</li>
				<li><a href="#filter" data-option-value=".Snacks">Snacks</a></li>
				<li><a href="#filter" data-option-value=".Sea-Food">Sea
						Food</a></li>
			</ul>
		</section>
		<!-- Recipea -->
		<div id="recipecontainer"
			class="clearfix recipecolumn3 recipesortable">
			<ul>
				<li class="element Cocktails Sea-Food"><a
					href="${pageContext.request.contextPath}/pages/recipeimg/recipeimg1big.jpg"
					class="fancyboxpopup"><img
						src="${pageContext.request.contextPath}/pages/recipeimg/recipeimg1.jpg"
						alt="" /></a>
					<div class="recipedetails">
						<a href="recipedetails.jsp" class="title">Recipe title will
							appear</a>
						<p>Lorem Ipsum has been the industry's standard dummy text
							ever since the 1500s.</p>
						<ul class="rate">
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="off"></li>
						</ul>
						<a class="fr"
							href="${pageContext.request.contextPath}/MenuWeb/findFoodById.do?foodNo=${food.foodNo }">Read
							More >></a>
					</div></li>
				<li class="element Cocktails Sea-Food Snacks"><a
					href="${pageContext.request.contextPath}/pages/recipeimg/recipeimg2big.jpg"
					class="fancyboxpopup"><img
						src="${pageContext.request.contextPath}/pages/recipeimg/recipeimg2.jpg"
						alt="" /></a>
					<div class="recipedetails">
						<a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp"
							class="title">Recipe title will appear</a>
						<p>Lorem Ipsum has been the industry's standard dummy text
							ever since the 1500s.</p>
						<ul class="rate">
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="off"></li>
							<li class="off"></li>
						</ul>
						<a class="fr"
							href="${pageContext.request.contextPath}/pages/recipedetail.jsp">Read
							More >></a>
					</div></li>
				<li class="element Sea-Food Spicy Cocktails"><a
					href="${pageContext.request.contextPath}/pages/recipeimg/recipeimg3big.jpg"
					class="fancyboxpopup"><img
						src="${pageContext.request.contextPath}/pages/recipeimg/recipeimg3.jpg"
						alt="" /></a>
					<div class="recipedetails">
						<a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp"
							class="title">Recipe title will appear</a>
						<p>Lorem Ipsum has been the industry's standard dummy text
							ever since the 1500s.</p>
						<ul class="rate">
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="off"></li>
						</ul>
						<a class="fr"
							href="${pageContext.request.contextPath}/pages/recipedetail.jsp">Read
							More >></a>
					</div></li>
				<li class="element Snacks Snacks Spicy"><a
					href="${pageContext.request.contextPath}/pages/recipeimg/recipeimg1big.jpg"
					class="fancyboxpopup"><img
						src="${pageContext.request.contextPath}/pages/recipeimg/recipeimg1.jpg"
						alt="" /></a>
					<div class="recipedetails">
						<a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp"
							class="title">Recipe title will appear</a>
						<p>Lorem Ipsum has been the industry's standard dummy text
							ever since the 1500s.</p>
						<ul class="rate">
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="off"></li>
							<li class="off"></li>
						</ul>
						<a class="fr" href="recipedetail.jsp">Read More >></a>
					</div></li>
				<li class="element Spicy Sea-Food Snacks"><a
					href="${pageContext.request.contextPath}/pages/recipeimg/recipeimg2big.jpg"
					class="fancyboxpopup"><img
						src="${pageContext.request.contextPath}/pages/recipeimg/recipeimg2.jpg"
						alt="" /></a>
					<div class="recipedetails">
						<a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp"
							class="title">Recipe title will appear</a>
						<p>Lorem Ipsum has been the industry's standard dummy text
							ever since the 1500s.</p>
						<ul class="rate">
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="off"></li>
						</ul>
						<a class="fr"
							href="${pageContext.request.contextPath}/pages/recipedetail.jsp">Read
							More >></a>
					</div></li>
				<li class="element  Cocktails Sea-Food"><a
					href="${pageContext.request.contextPath}/pages/recipeimg/recipeimg3big.jpg"
					class="fancyboxpopup"><img
						src="${pageContext.request.contextPath}/pages/recipeimg/recipeimg3.jpg"
						alt="" /></a>
					<div class="recipedetails">
						<a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp"
							class="title">Recipe title will appear</a>
						<p>Lorem Ipsum has been the industry's standard dummy text
							ever since the 1500s.</p>
						<ul class="rate">
							<li class="on"></li>
							<li class="on"></li>
							<li class="on"></li>
							<li class="off"></li>
							<li class="off"></li>
						</ul>
						<a class="fr"
							href="${pageContext.request.contextPath}/pages/recipedetail.jsp">Read
							More >></a>
					</div></li>
			</ul>
		</div>
		<!-- #container -->

	</section>
	<!--中间6张图结束->



<!--底部3张图片开始-->
	<section id="lastestfromblog" class="container clearfix">
		<h2 class="titles">
			<span>热门 </span>菜谱
		</h2>
		<div class="es-carousel-wrapper clearfix">
			<div class="es-carousel">
				<ul>
					<li><a
						href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<img
							src="${pageContext.request.contextPath}/pages/images/bigimg1.jpg"
							alt="" title="">
					</a> <a href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<h3>Blog Content</h3>
					</a> <span class="deatils">Lorem Ipsum is simply dummy text of
							the printing. <b>by admin</b>
					</span> <span class="date">April 24<br> 2012
					</span> <span class="comment">22 post<br> Comments
					</span></li>

					<li><a
						href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<img
							src="${pageContext.request.contextPath}/pages/images/bigimg3.jpg"
							alt="" title="">
					</a> <a href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<h3>Blog Content</h3>
					</a> <span class="deatils">Lorem Ipsum is simply dummy text of
							the printing. <b>by admin</b>
					</span> <span class="date">April 24<br> 2012
					</span> <span class="comment">22 post<br> Comments
					</span></li>
					<li><a
						href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<img
							src="${pageContext.request.contextPath}/pages/images/bigimg1.jpg"
							alt="" title="">
					</a> <a href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<h3>Blog Content</h3>
					</a> <span class="deatils">Lorem Ipsum is simply dummy text of
							the printing. <b>by admin</b>
					</span> <span class="date">April 24<br> 2012
					</span> <span class="comment">22 post<br> Comments
					</span></li>
					<li><a
						href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<img
							src="${pageContext.request.contextPath}/pages/images/bigimg2.jpg"
							alt="" title="">
					</a> <a href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<h3>Blog Content</h3>
					</a> <span class="deatils">Lorem Ipsum is simply dummy text of
							the printing. <b>by admin</b>
					</span> <span class="date">April 24<br> 2012
					</span> <span class="comment">22 post<br> Comments
					</span></li>
					<li><a
						href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<img
							src="${pageContext.request.contextPath}/pages/images/bigimg2.jpg"
							alt="" title="">
					</a> <a href="${pageContext.request.contextPath}/pages/menudetail.jsp">
							<h3>Blog Content</h3>
					</a> <span class="deatils">Lorem Ipsum is simply dummy text of
							the printing. <b>by admin</b>
					</span> <span class="date">April 24<br> 2012
					</span> <span class="comment">22 post<br> Comments
					</span></li>
				</ul>
			</div>
		</div>
	</section>
	<!--底部3张图片结束-->
	<!--Middle Part End-->



	<!--底部开始-->
	<footer id="footer" class="clearfix">
		<div class="footerbg clearfix">
			<ul class="footersection container">
				<li class="testimonial">
					<h4>Testimonial</h4>
					<p class="testi">"Lorem Ipsum is simply dummy text of the
						printing and typesetting industry. Lorem Ipsum has been the
						industry's standard dummy text ever since the 1500s, when an
						unknown printer took</p> <span>Mr. Lorem Ipsum <br> C.E.O.
				</span>
				</li>
				<li class="links">
					<h4>Categories</h4>
					<ul>
						<li><a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp">Spicy
								Food Special</a></li>
						<li><a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp">Cocktails</a>
						</li>
						<li><a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp">Snacks</a>
						</li>
						<li><a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp">Spicy
								Sea Food</a></li>
						<li><a
							href="${pageContext.request.contextPath}/pages/recipedetails.jsp">
								Tasty Special Food</a></li>
					</ul>
				</li>
				<li class="twiitersection">
					<h4>Twitter</h4>
					<div id="twitter"></div>
				</li>
				<li class="flickrsection">
					<h4>Flickr</h4>
					<div id="flickr">
						<ul id="cbox" class="thumbs">
						</ul>
					</div>
				</li>
			</ul>
		</div>

		<!--Social links Start-->
		<section id="social" class="container">
			<div class="leftline">@2012 All images & icons are copyright to
				their owners.</div>
			<div id="footersocial">
				<a class="facebook" title="Facebook" href="#">Facebook</a> <a
					class="twitter" title="Twitter" href="#">Twitter</a> <a
					class="linkedin" title="Linkedin" href="#">Linkedin</a> <a
					class="blooger" title="Blogger" href="#">Blogger</a> <a class="rss"
					title="rss" href="#">rss</a> <a class="dig" title="Dig" href="#">Dig</a>
				<a class="googleplus" title="Googleplus" href="#">Googleplus</a> <a
					class="skype" title="Skype" href="#">Skype</a> <a class="flickr"
					title="Flickr" href="#">Flickr</a>
			</div>
		</section>
		<!--Social links End-->
		<!--Go to Top-->
		<a title="Go Top" id="gotop" href="#">&nbsp;</a>
	</footer>
	<!--底部结束-->

	<!--Javascripts-->
	<script
		src="${pageContext.request.contextPath}/pages/js/jquery-latest.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.easing.1.3.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.isotope.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/pages/js/mediaelement-and-player.min.js"></script>
	<script type="text/javascript"
		src="j${pageContext.request.contextPath}/pages/s/jquery.flexslider-min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.elastislide.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.tweet.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.validate.js"></script>
	<script type="text/javascript"
		src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/jquery.gmap.js"></script>
	<script src="js/jflickrfeed.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/pages/js/script.js"></script>
	<div style="display: none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>